本章主要就是一个东西，如何配置webpack的devServer.proxy实现代理转发。这个应该是日常开发事情中必见的内容了。 git仓库：webpack-demo 1、开始 既然是请求数据，那么就先安装下axios。 $ cd cha ...

swiper官网API接口文档 swiper官网中给出的＂在vue中使用swiper教程＂ 第一步： 在项目文件夹中用＂shift＋鼠标右键＂召唤出命令行工具，然后输入：npm install vue-awesome-swiper --sa ...

Promise其它方法在一些场景里面使用还是蛮有用的，今天完善一下其它一些方法。 catch: 这个是最简单的，catch其实就是没有成功方法resolve的then函数，所以catch方法： catch(errCallback){ re ...

我们接着上一篇文章react+webpack4.x搭建前端项目（五）多页面配置 来进行配置模块的单独打包方式（下边简称多app打包） 多app打包的意思是：多个模块单独打包，模块之间的资源互相不依赖，某一模块的资源打包在该模块下。这是和多页 ...

Vue 的 computed 经常会用到，其中包含以下两个重点： 1、 computed 的计算结果会进行缓存； 2、只有在响应式依赖发生改变时才会重新计算结果。 接下从源码的出发，看看能不能验证这两个重点。为了能更好理解 computed ...

1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: ...

image.png [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. ...

前言 在前端的数据处理当中,有时候往往需要对原有的数据进行克隆拷贝一份,然后进行操作,但是又不能影响原来的数据 比较典型的应用场景就是:点击一信息列表,然后编辑该列的信息。在弹出的编辑弹出框中,需要复制原有的列表信息内容,如果是浅拷贝的话, ...

简单说下代码分割。 git仓库：webpack-demo 1、什么是codeSplitting？ 前面第7章讲output多页面相关的内容时，我们将content.js、header.js、footer.js分别打包为三个文件，然后我们在 ...

最近项目有个月报分析，里边用到了柱状图，堆叠图，环形图，饼图，折线图这几种基本图表。 自己封装的chart组件： <div :id="echartId" :class="classNa ...